<ng-container *ngIf="!!apesOverlay; else noMenuTpl">
  <span class="apes-breadcrumb-overlay-link" apes-dropdown [apesDropdownMenu]="apesOverlay">
    <ng-template [ngTemplateOutlet]="noMenuTpl"></ng-template>
    <i *ngIf="!!apesOverlay" apes-icon apesType="down"></i>
  </span>
</ng-container>

<ng-template #noMenuTpl>
  <span class="apes-breadcrumb-link">
    <ng-content></ng-content>
  </span>
</ng-template>

<span class="apes-breadcrumb-separator" *ngIf="apesBreadCrumbComponent.apesSeparator">
  <ng-container *apesStringTemplateOutlet="apesBreadCrumbComponent.apesSeparator">
    {{ apesBreadCrumbComponent.apesSeparator }}
  </ng-container>
</span>
